<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="/js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="/lib/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/ZhiWeiQuanXian/ZhiWeiQuanXian.css">
    <script src="/lib/layui/layui.js" charset="utf-8"></script>

    <!--  <link rel="stylesheet" href="../static/css/ZhiWeiQuanXian/ZhiWeiQuanXian.css">-->
    <!--  <link rel="stylesheet" href="../static/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css">-->
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

<body>
<div class="layui-form-item">

    <input type="hidden" id="jobtitlessId" th:value="${jobtitless.id}"/>
    <input type="hidden" id="jobtitlessjob" th:value="${jobtitless.job}"/>
</div>
<table id="jjl_job" class="layui-table" lay-data="{page:false,id:'id'}" lay-filter="dictSubTable">
    <thead>
    <tr>
        <td lay-data="{field:'id',width:'20%',align:'center'}">ID</td>
        <td lay-data="{field:'type',width:'30%',align:'center'}">名称</td>

        <td lay-data="{field:'op',width:'30%',align:'center'}">操作</td>
    </tr>
    </thead>
    <tr th:each="jot:${jobtitles}">
        <td th:text="${jot.getId()}"></td>
        <td th:text="${jot.getJob()}"></td>

        <td>
            <button type="button" class="layui-btn layui-btn-xs  layui-btn-danger" lay-event="delete">删除</button>
        </td>
    </tr>
</table>
<div class="layui-form">
    <div class="layui-input-inline" style="margin-left: 40px">
        <label class="layui-form-label">职位名称</label>
        <div class="layui-input-block">
            <input type="text" id="type" name="type" required lay-verify="required" placeholder="" autocomplete="off"
                   class="layui-input">
        </div>
    </div>

    <div class="layui-form-item" style="height:5px;">·
    </div>
    <br>

    <div class="layui-form-item" style="margin-left: 200px">
        <div class="layui-input-block">
            <button class="layui-btn" id="jjlbut" lay-filter="formDemo">保存部门</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>·
    </div>


</div>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<!--弹出层的js-->
<script src="/js/jjl_jobsub.js" charset="utf-8"></script>
</body>

</html>